<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <link rel="stylesheet" href="./index.css">
  <title>Day3</title>
</head>
<body>
  <div class="card">
    <div class="head-icon">
      <svg width="3rem" height="3rem" viewBox="0 0 128 128" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xml:space="preserve" xmlns:serif="http://www.serif.com/" style="fill-rule:evenodd;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:1.5;">
          <g transform="matrix(1.28272,0,0,1,18.1427,-5.16856)">
              <path d="M34.896,106.669L7.5,106.669L11.621,92.742L59.878,92.742L64,106.669L36.765,106.669L36.765,126.169L34.896,126.169L34.896,106.669ZM31.761,24.683L35.75,11.205L39.738,24.683L31.761,24.683ZM40.33,26.683L44.625,41.198L26.874,41.198L31.17,26.683L40.33,26.683ZM45.217,43.198L49.513,57.712L21.987,57.712L26.282,43.198L45.217,43.198ZM50.104,59.712L54.4,74.227L17.1,74.227L21.395,59.712L50.104,59.712ZM54.991,76.227L59.287,90.742L12.213,90.742L16.508,76.227L54.991,76.227Z" style="fill:rgb(39,49,77);stroke:rgb(39,49,77);stroke-width:0.87px;"/>
          </g>
      </svg>
    </div>
    <p class="title">Merry Christmas!</p>
    <p class="context">You completed all your December's tasks so we decided to get you a gift:</p>
    <p class="warming">50% off on your Yearly Premium Plan</p>
    <button class="btn-default">GET YOUR GIFT</button>
    <div class="close">
      <svg width="2rem" height="2rem" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="899" width="200" height="200"><path d="M566.4 512.064l235.296-235.296a38.4 38.4 0 0 0-54.304-54.336l-235.328 235.328L276.8 222.432A38.4 38.4 0 0 0 222.4 276.8l235.328 235.296-235.328 235.328a38.4 38.4 0 1 0 54.336 54.304l235.296-235.328 235.328 235.328a38.4 38.4 0 0 0 54.304-54.304L566.4 512.064z" p-id="900"></path></svg>
    </div>
  </div>
  <div class="snow"></div>
  <script src="./index.js"></script>
</body>
</html>